<!DOCTYPE html>
<html>
<!-- 	3.新制作一个注册页面，要求
	      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
	      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
	      3.3 每个需要提交的标签都要有name值
	      3.4 按照name的方式查找各个元素
	      3.5 按照标签的方式查找各个元素 -->
	<head>
		<meta charset="utf-8">
		<title>第三题页面</title>
	</head>
	<body>
		用户名:<input type="text" name="username" /><br/>
		  密码:<input type="password" name="pwd"  /><br/>
		  性别:<input type="radio" name="sex" />男
		      <input type="radio" name="sex" />女<br/>
		  <select name="collage">
			  <option value="">请选择学院</option>
		  	<option value="">软件工程</option>
			<option value ="">教育与艺术</option>
			<option value ="">医学护理</option>
		  </select>&nbsp;学院<br/>
		  爱好:<input type="checkbox" name="hobby1" />踢球&nbsp;
		      <input type="checkbox" name="hobby2" />敲代码&nbsp;
			  <input type="checkbox" name="hobby3" />看文学&nbsp;<br/>
		  自我介绍:<textarea rows="10" cols="20" name="introduction"></textarea><br/>
		  <button type="button" onclick="btnsubmit();">提交</button>
		  <br/><button type="button" onclick="Mainpage();">跳转回主页面</button>
	</body>
	<script type="text/javascript">
		function btnsubmit(){
			// 按照name的方式查找各个元素
			var name = document.getElementsByName('username');
			console.log(name);
			var password = document.getElementsByName('pwd')
			console.log(password);
			var sex = document.getElementsByName('sex')
			console.log(sex);
			var collage = document.getElementsByName('collage')
			console.log(collage);
			// 按照标签的方式查找各个元素
			var input = document.getElementsByTagName('input');
			console.log(input);
			var textarea = document.getElementsByTagName('textarea');
			console.log(textarea);
		}
		
		function Mainpage(){
			location.href = '主页面.html';
		}
	</script>
</html>
